<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>My App</title>
    <link href="__PUBLIC__/css/mui.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/framework7.ios.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/framework7.ios.colors.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/app.css" rel="stylesheet">
    <link href="__PUBLIC__/css/help.css" rel="stylesheet">
</head>
<body>
<div class="statusbar-overlay"></div>
<div class="views">
    <div class="view main">
        <div class="pages navbar-through toolbar-through index">
            <div data-page="index" class="page">
                <div class="navbar main">
                    <div class="navbar-inner">
                        <div class="left">
                            <a href="my.html" class="link icon-only"></a>
                        </div>
                        <div class="center sliding">闪点借贷</div>
                        <div class="right right1">
                            <a href="#" class="link icon-only"></a>
                        </div>
                    </div>
                </div>
                <div class="page-content index">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="__PUBLIC__/images/banner1.png"></div>
                            <div class="swiper-slide"><img src="__PUBLIC__/images/banner1.png"></div>
                            <div class="swiper-slide"><img src="__PUBLIC__/images/banner1.png"></div>
                            <div class="swiper-slide"><img src="__PUBLIC__/images/banner1.png"></div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="list">
                        <div style="padding:0; margin:0; width:100%" class="content-block-inner">
                            <div id="picker-date-container"></div>
                        </div>
                    </div>
                    <div class="choice">
                        <div>
                            <p>借款费用</p>
                            <span><b class="amount"></b>/起</span>
                        </div>
                        <div>
                            <p>实际到账</p>
                            <span class="arrival"></span>
                        </div>
                        <div>
                            <a href="__ROOT__/Index/urlCheck" class="external">申请借款</a>
                        </div>
                    </div>
                </div>
                <div class="toolbar">
                    <div class="toolbar-inner">
                        <a href="__ROOT__/Index/index" class="link external"><p class="footer1"></p><span>借款</span></a>
                        <a href="__ROOT__/Authentication/index" class="link external"><p class="footer2"></p>
                            <span>认证</span></a>
                        <a href="my.html" class="link"><p class="footer3"></p><span>我的</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="__PUBLIC__/js/framework7.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/my-app.js"></script>
</body>
</html>
<script type="text/javascript">
    var pickerInline = myApp.picker({
        container: '#picker-date-container',
        toolbar: false,
        rotateEffect: true,
        cols: [
            {
                values: ('{$day}').split(' '),
                displayValues: ('{$dayCompany}').split(' '),
                textAlign: 'center',
                width: 170
            },
            {
                values: ('{$amount}').split(' '),
                displayValues: ('{$amountCompany}').split(' '),
                textAlign: 'right',
                width: 170
            },
        ],
        onChange: function (p, values, displayValues) {
            var pikervalue1 = p.value['0'];//获取选取的项目
            var pikervalue2 = p.value['1'];//获取选取的项目
            var arrivalVal = pikervalue2 - {$wFPoundage} - {$withdrawalPoundage};
            var amount = {$wFPoundage} + {$withdrawalPoundage};
            $$('.arrival').text('$' + arrivalVal.toFixed(2));
            $$('.amount').text('$' + amount.toFixed(2));
            if (window.localStorage) {
                localStorage.setItem('money', pikervalue2);//存储所选钱款
                localStorage.setItem('Numberday', pikervalue1);//存储所选天数
                localStorage.setItem('arrivalVal', arrivalVal);//存储实际到账
                localStorage.setItem('amount', amount);//存储借款费用
            }
        },
    });
</script>